@charset "utf-8";
/* CSS Document */
html,body,div,iframe,em,img,small,b,u,i,dl,dt,dd,ol,ul,li,p{font:14px/20px "微软雅黑",Arial,sans-serif;font-weight:normal;margin:0px;padding:0px;list-style:none;font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;list-style:none;}
body {overflow-x:hidden;}body,html{width:100%;height:100%;background:url("../bg.jpg") #F8EEF9 no-repeat 0px 0px;}
a:link {text-decoration:none;color:#222;}
a:visited {text-decoration:none;color:#222;}
a:active {text-decoration:none;color:#222;}
a:hover {text-decoration:none;color:#7E308E;}
img{width:100%;float:left;}
:before{content:"";position:absolute;z-index:1;}
:after{content:"";position:absolute;z-index:1;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:22px;line-height:26px;overflow:hidden;}
h2{font-size:16px;}
p{font-size:12px;line-height:16px;color:#666;overflow:hidden;}
table {border-collapse:collapse;border-spacing:0;}th,td {vertical-align:middle;}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;outline:none;border:none;}
header,nav,article,section,aside,footer{width:100%;float:left;display:block;}
@font-face{font-family:fontsz;src:url('../font/goodmu.ttf') format("embedded-opentype"),url('../font/goodmu.ttf');}
.cw {width:1000px;margin:0 auto;clear:both;position:relative;}
.tw{width:100%;float:left;}
.box {width:100%;float:left;padding:40px 0;}
.s_box{width:calc(100% - 22px);float:left;padding:10px;background:#fff; border-left:solid 1px #D0B5D6;border-right:solid 1px #D0B5D6;}
.show_box{width:calc(100% - 2px);float:left;background:#fff;border-left:solid 1px #D0B5D6;border-right:solid 1px #D0B5D6;padding-bottom:50px;}

.wap_nav,.m_head,.m_menu_btn,.m_logo {display:none;}
.block{display:block;}
.none,.m_menu_btn{display:none;}

/*头部样式*/
.swech{width:100%;float:left;padding:4px 0;border-bottom:solid 1px rgba(255,255,255,.40);}
.swech dt{float:left;}
.swech dd{float:right;}
.swech dd p{float:right;color:#666;}
.time,#clock{float:right;line-height:24px;font-size:12px;color:#666;}

.header {width:100%;float:left;position:relative;z-index:9999;transition:0.4s all;}
.header .logo{float:left;margin:40px 0;}
.header .logo img{width:auto;height:70px;}

.header .nav {width:100%;float:left;position:relative;background:#7E308E;background:linear-gradient(to right,#7E308E,#9D35B7);}
.header .nav ul,.swech dl{width:1000px;margin:0 auto;display:table;}
.header .nav li {float:left;position:relative;margin-right:10px;padding:0 15px;}
.header .nav li a{text-align:center;display:block;position:relative;}
.header .nav li span{float:left;height:40px;line-height:40px;font-size:16px;color:rgba(255,255,255,.80);position:relative;z-index:2;}
.header .nav li:before{width:100%;height:0px;left:0;bottom:0px;transition:460ms;background:#7E308E;background:linear-gradient(to top,#B65CC9,rgba(255,255,255,.0));opacity:0;}
.header .nav li:after{width:62px;height:1px;background:#fff;left:50%;transition:460ms;bottom:2px;margin-left:-31px;visibility:hidden;opacity:0;}
.header .nav li.yes span,.header .nav li:hover span{color:#fff;}
.header .nav li a:hover{color:#909845;}
.header .nav li:hover:before,.header .nav li.yes:before{height:100%;opacity:1;}
.header .nav li:hover:after,.header .nav li.yes:after{width:20px;margin-left:-10px;visibility:visible;opacity:1;}
.header .nav li:last-child{margin-right:0px;}
.header .nav li:hover .subnav {opacity:1;top:40px;visibility:visible;opacity:1;}
.header .nav .subnav {position:absolute;top:60px;width:100%;left:0px;visibility:hidden;transition:all 0.6s ease 0s;background:#B65CC9;opacity:0;z-index:999;}
.header .nav .subnav a{line-height:30px;color:#666;display:block;position:relative;}
.header .nav .subnav a h2{font-size:14px;color:#fff;}
.header .nav .subnav a:hover{color:#7E308E;}
.header .nav .subnav a:after{height:0;width:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:3px;right:0px;top:12px;visibility:hidden;}
.header .nav .subnav a:hover:after{right:6px;visibility:visible; transition:460ms;}

.header .Close_btn.active{right:12px;}
.header .Close_btn.active span{background:#fff;}
.header .Close_btn {position:fixed;right:0px;top:8px;width:40px;height:40px;cursor:pointer;z-index:999;display:none;transition:0.4s all;text-align:center;}
.header .Close_btn h2{font-size:14px;position:absolute;left:-26px;top:1px;color:#fff;text-indent:-9999px;}
.header .Close_btn span {display:block;width:20px;height:1px;margin:5px 0 0 9px;background:#2E3191;transition:0.3s all;position:relative;z-index:2;}
.header .Close_btn span:nth-child(2){width:15px;}
.header .Close_btn span:nth-child(2):before{height:0;width:0;border-color:transparent transparent transparent #7E308E;border-style:solid;border-width:3px;right:-8px;top:-2px;z-index:1;}
.header .Close_btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header .Close_btn.active span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
.header .Close_btn.active span:nth-child(2){opacity:0;}

.footer{width:100%;float:left;position:relative;background:#9D35B7;}
.help{width:calc(100% - 70px);float:left;padding:10px;padding-bottom:0px;padding-left:60px;position:relative;}
.help:before{width:64px;height:64px;background:url("../logof.png") no-repeat;background-size:100%;left:10px;top:10px;}
.help li{float:left;}
.help li img{width:auto;height:58px;float:right;}
.help li p{line-height:22px;color:rgba(255,255,255,.90);}
.help li:nth-child(1){margin-left:15px;padding-left:43px;position:relative;}
.help li:nth-child(1):before{width:1px;height:56px;background:rgba(255,255,255,.5);left:20px;top:5px;}
.help li:last-child{float:right;padding:3px;border:solid 1px rgba(255,255,255,.3);}
.help li:last-child p{float:left;margin:5px;}

.copright{width:calc(100% - 20px);float:left;margin-top:10px;background:#7E308E;padding:10px;}
.copright li{float:left;color:rgba(255,255,255,.8);font-size:12px;}
.copright li:nth-child(2){margin-left:1.5%;}
.copright li:last-child{float:right;margin-top:-5px;}
.copright li:last-child i{width:20px;height:20px;display:inline-block;margin-right:5px;background:url("../icp.png") no-repeat 0 0px;background-size:18px;position:relative;top:5px}
.copright li:last-child .i1{margin-left:10px;background-position:0 -33px;}

.xx_let{width:54px;height:252px;position:fixed;left:50%;margin-left:-570px;top:250px;background:url("../xx_bg.png") no-repeat;}
.xx_let li,.xx_rit li{width:40px;float:left;height:40px;margin-left:8px;margin-top:12px;background:url("../xx_let.png") no-repeat;animation:tel 6s ease-out 0s infinite;}
.xx_let li:nth-child(1),.xx_rit li:nth-child(1){background-position:0 0px;margin-top:40px;animation-delay:0s;}
.xx_let li:nth-child(2),.xx_rit li:nth-child(2){background-position:0 -52px;animation-delay:0.5s;}
.xx_let li:nth-child(3),.xx_rit li:nth-child(3){background-position:0 -107px;animation-delay:1.0s;}
.xx_let li:nth-child(4),.xx_rit li:nth-child(4){background-position:0 -164px;animation-delay:1.5s;}
.xx_let li:nth-child(5),.xx_rit li:nth-child(5){background-position:0 -200px;height:52px;animation-delay:2.0s;}

.xx_rit{width:54px;height:252px;position:fixed;right:50%;margin-right:-570px;top:250px;background:url("../xx_bg.png") no-repeat;}
.xx_rit li{background:url("../xx_rit.png") no-repeat;}

@keyframes tel{
0%{transform:scale(1);}
1%{transform:scale(1.6);}
3%{transform:scale(0.8);}
6%{transform:scale(1);}
100%{transform:scale(1);}
}

/* 电话图标 */
.d_tel{float:right;position:relative;margin-top:50px;}
.d_tel li{float:left;}
.d_tel h2{font-size:28px;line-height:28px;color:#000;margin-left:36px;}
.d_tel i{width:30px;height:30px;position:absolute;left:0px;top:-4px;background:url("../tels.png") no-repeat;}
.d_tel .i1{animation:dtel ease-out 1s infinite;}
.d_tel .i2{background-position:0 -40px;animation:more_down ease-out 1.5s infinite;}
.d_tel .i3{background-position:0 -80px;animation:more_down ease-out 2s infinite;}
.d_tel .i4{background-position:0 -120px;animation:more_down ease-out 2.5s infinite;}
.d_tel li:nth-child(2){margin-left:20px;margin-top:5px;}
.d_tel li:nth-child(2) a{background:#7E308E;color:#fff;padding:5px 10px;border-radius:3px;}
.d_tel li:nth-child(2) a:hover{background-color:#7E308E;}

@keyframes dtel {0% {transform:rotateZ(0deg);}20% {transform:rotateZ(20deg);}40%{transform:rotateZ(-20deg);}60%{ transform:rotateZ(20deg);}80%{transform:rotateZ(-20deg);}100%{transform: rotateZ(0deg);}}
@keyframes more_down {0% {opacity:0;}25% {opacity:1;}50% {opacity:1;}75% {opacity:1;}100% {opacity:0;}}
.more.m1{background-position:0 -83px;}